<template>
  <div>
    <base-header/>
    <div class="cen">
      <div class="banner" v-if="showBanner"><img src="@img/banner01.jpg"></div>
      <div class="main content_w bc mt20">
        <slot name="bread" v-if="title">
          <div class="menu_bread">
            <RouterLink to="/">首页</RouterLink>
            > {{title}}
          </div>
        </slot>
        <slot name="nav"></slot>
        <slot></slot>
      </div>
    </div>
    <base-footer/>
  </div>
</template>

<script>
  import BaseHeader from "@/components/BaseHeader";
  import BaseFooter from "@/components/BaseFooter";

  export default {
    name: 'BaseLayout',
    props: {
      title: String,
      showBanner: {
        type: Boolean,
        default: true
      }
    },
    components: {
      BaseFooter,
      BaseHeader
    }
  }
</script>

<style scoped>

</style>